<template>
  <t-row>
    <div>
      <p class="title">Author</p>
      <p>企业级授权系统</p>
    </div>
  </t-row>
</template>

<style scoped lang="sass">
.t-row
  background-image: url('@/assets/images/author/banner-thumb-dark.jpg')
  height: 500px
  background-size: cover
  background-position: center
  display: flex
  justify-content: start
  align-items: end
  position: relative
  user-select: none
  div
    margin: 60px 50px
    font-size: 40px
    font-weight: bolder
    p:first-of-type
      font-weight: bolder
      color: #1c6ae4
.t-row::after
  content: ''
  position: absolute
  bottom: 0
  left: 0
  width: 100%
  height: 60px /* 设置模糊区域的高度 */
  background-image: inherit
  background-size: cover
  filter: blur(15px) /* 设置模糊效果的程度 */
</style>
